<!DOCTYPE html>
<html lang="en">
<head>
    {% load bootstrap3 %}
    {% bootstrap_css %}
    {% bootstrap_javascript %}
    <title>Guest Manage</title>
</head>

<body>
        <!-- 导航栏 -->
    <nav class="navbar navbar-inverse navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <a class="navbar-brand" href="/guest_manage/">Guest Manage System</a>
        </div>
        <div id="navbar1" class="collapse navbar-collapse">
          <ul class="nav navbar-nav">
            <li><a href="/event_manage/">发布会</a></li>
            <li class="active"><a href="#about">嘉宾</a></li>
          </ul>
          <ul class="nav navbar-nav navbar-right">
           <li><a href="#">{{user}}</a></li>
           <li><a href="/logout/">退出</a></li>
         </ul>
        </div><!--/.nav-collapse -->
      </div>
    </nav>

      <!--搜索表单-->
    <div class="page-header" style="padding-top:60px;">
        <!-- 搜索功能-->
        <div id="navbar2" class="navbar-collapse collapse">
          <form class="navbar-form" method="get" action="/search_phone/">
            <div class="form-group">
              <input name="phone" type="text" placeholder="手机号" class="form-control">
            </div>
            <button type="submit" class="btn btn-success">搜索</button>
          </form>
        </div><!--/.navbar-collapse -->
    </div>

        <!--列表显示 -->
  <div class="row" >
    <div class="col-md-6">
      <table class="table table-striped">
        <thead>
          <tr>
            <th>id</th>
            <th>名称</th>
            <th>手机</th>
            <th>Email</th>
            <th>签到</th>
            <th>发布会id</th>
          </tr>
        </thead>
        <tbody>
          {% for guest in guests %}
            <tr>
              <td>{{ guest.id }}</td>
              <td>{{ guest.realname }}</td>
              <td>{{ guest.phone }}</td>
              <td>{{ guest.email }}</td>
              <td>{{ guest.sign }}</td>
              <td>{{ guest.event }}</td>
            </tr>
         {% endfor %}
        </tbody>
      </table>
    </div>
  </div>

        <!-- 列表分页器 -->
  <div class="pagination">
      <span class="step-links">
        {% if guests.has_previous %}
          {% if phone %}
            <a href="?phone={{ phone }}&page={{ guests.previous_page_number }}">上一页</a>
          {% else %}
            <a href="?page={{ guests.previous_page_number }}">上一页</a>
          {% endif %}
        {% endif %}
          <span class="current">
            Page {{ guests.number }} of {{ guests.paginator.num_pages }}.
          </span>
        {% if guests.has_next %}
          {% if phone %}
            <a href="?phone={{ phone }}&page={{ guests.next_page_number }}">下一页</a>
          {% else %}
            <a href="?page={{ guests.next_page_number }}">下一页</a>
          {% endif %}
        {% endif %}
      </span>
  </div>

</body>
</html>